<!doctype html>
<html>
  <head>
    <title>SVG.js benchmarker</title>
    <style>
      @import url('https://fonts.googleapis.com/css?family=Inconsolata');
      body {
        font-family: 'Inconsolata', 'Menlo', monospace;
        font-weight: 300;
        color: #999;
        font-size: 14px;
      }
      svg {
        width: 2px;
        height: 2px;
        overflow: hidden;
        position: fixed;
        right: 0;
      }
      span.name {
        color: #b7cd3e;
      }
      span.ms {
        color: #ff0066;
      }
      h1 {
        font-size: 1.2em;
      }
      .test {
        text-indent: 1em;
      }
      .skipped {
        color: #fbcb72;
      }
    </style>
  </head>
  <body>
    <div id="draw"></div>
    <svg
      id="native"
      width="100"
      height="100"
      xmlns="http://www.w3.org/2000/svg"
      version="1.1"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      xmlns:svgjs="http://svgjs.dev/svgjs"
    ></svg>
    <script src="../dist/svg.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script>
    <script src="svg.bench.js"></script>
    <!--<script src="tests/10000-each.js"></script> -->
    <script src="tests/10000-rects.js"></script>
    <!-- <script src="tests/10000-circles.js"></script>
  <script src="tests/10000-paths.js"></script>
  <script src="tests/10000-boxes.js"></script>
  <script src="tests/10000-pointArray-bbox.js"></script>
  <script src="tests/10000-accesses.js"></script>
  <script src="tests/10000-transform.js"></script> -->
    <script>
      SVG.bench.run()
    </script>
  </body>
</html>
